<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <p>
      <a href="#"><span>这是内容</span></a>
    </p>
    <input type="text" value="123312445" />
    <input type="text" value="43434343243445" />
  </body>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"></script>
  <script>
    //a.获取文本及表单组件内容
    //html（）	可以操作标签
    console.log($("p").html());
    //text（）  只能操作文本内容，不操作标签
    console.log($("p").text());
    //val（）	只能用于表单组件
    console.log($("input:text").val());
    console.log($("input:text").eq(1).val());
    //b.设置（修改）文本及表单组件内容
    //html（内容）
    $("p").html("<strong>strong</strong>");
    //text（内容）
    $("p").text("<strong>strong</strong>");
    //val（内容）
    $("input:text").eq(1).val("qwerty");
    //c.删除文本及表单组件内容
    //html（""）
    $("p").html("");
    //text（""）
    $("p").text("");
    //val（""）
    $("input:text").val("");
  </script>
</html>
